/**
 * Created by Administrator on 2017/5/26 0026.
 */
window.onload=function(){
    var smallimg=document.getElementById('smallimg');
    var smallarea=document.getElementById('smallarea');
    var bigarea=document.getElementById('bigarea');
    var bigimg=document.getElementById('bigimg');
    var box=document.getElementById('i-left');

    smallimg.onmouseover=function(){
        smallarea.style.display="block";
        bigarea.style.display="block";
    }

    smallimg.onmouseout=function(){
        smallarea.style.display="none";
        bigarea.style.display="none";
    }

    smallimg.onmousemove=function(evt){
        var e=evt||window.event;
        var x=e.pageX;
        var y=e.pageY;
        var oleft=x-smallimg.offsetLeft-box.offsetLeft-smallarea.offsetWidth/2;
        var otop=y-smallimg.offsetTop-box.offsetTop-smallarea.offsetHeight/2;
        if(oleft<=0){
            oleft=0;
        }else if(oleft>=smallimg.offsetWidth-smallarea.offsetWidth){
            oleft=smallimg.offsetWidth-smallarea.offsetWidth;
        }
        if(otop<=0){
            otop=0;
        }else if(otop>=smallimg.offsetHeight-smallarea.offsetHeight){
            otop=smallimg.offsetHeight-smallarea.offsetHeight;
        }

        smallarea.style.left=oleft+"px";
        smallarea.style.top=otop+"px";

        var w=oleft/(smallimg.offsetWidth-smallarea.offsetWidth);
        var h=otop/(smallimg.offsetHeight-smallarea.offsetHeight);

        var b_left=(bigimg.offsetWidth-bigarea.offsetWidth)*w;
        var b_top=(bigimg.offsetHeight-bigarea.offsetHeight)*h;

        bigimg.style.left=-b_left+"px";
        bigimg.style.top=-b_top+"px";
    }


}

$(function(){
    //选择尺寸
    $(".c-size a").click(function(){
        $(this).addClass("current").siblings().removeClass("current");
        $(this).find("b").addClass("checked").closest("a").siblings().find("b").removeClass("checked");
    })


    //添加商品数量
    $("#num-add").click(function(){
        $("#txt").val(parseInt($("#txt").val())+1);
    })

    //减少商品数量
    $("#num-reduce").click(function(){
        $("#txt").val(parseInt($("#txt").val())-1);

        if(parseInt($("#txt").val())<=1){
            $("#txt").val(1);
        }
    })


    //加入购物车
    $("#addCart-btn").click(function(){
        $("#cover").show();
        $("#addCarts").fadeIn(500);
        $(".shop strong").text(parseInt($(".shop strong").text())+1)
    });

    //关闭购物车
    $(".close").click(function(){
        $("#addCarts").fadeOut(500);
    })
    
    //立即购买
    $("#buy-btn").click(function(){
        window.location.href="cart.html";
    })
});